<div class="m-decoration" :important="mc_decoration">
  <div class="m-info">
    <div class="info-left">
      <div class="u-imgcon">
        <img :attr="{src: @shop_info.logo + '?imageView2/1/w/384'}">
      </div>
    </div>
    <div class="info-right">
      <h1>{{shop_info.title}}</h1>
      <p>{{shop_info.brief}}</p>
      <div class="renzheng">
        <div class="item">
          <i :class="['s-icon', 's-icon-step1',@shop_info.authsp === 1?'s-icon-on':'s-icon-off']"></i>
          <span>服务商认证</span>
        </div>
        <div class="item">
          <i :class="['s-icon', 's-icon-step1',@shop_info.authlocal === 1?'s-icon-on':'s-icon-off']"></i>
          <span>上门认证</span>
        </div>
      </div>
    </div>
  </div>
  <div class="m-item">
    <div class="m-title">
      <h1>店铺风格</h1>
    </div>
    <div class="m-style">
      <div class="m-color">
        <div class="theme-img">
          <div class="img">
            <img src="./images/Rectangle1.png" alt="">
          </div>
        </div>
        <div class="choice-color">
          <h3>配色方案选择</h3>
          <div class="color-list">
            <img :class="['color-item',el.type === @shop_info.styleid?'item-on':'']" :attr="{src: el.src}" :click="@shop_info.styleid = el.type" :for="el in @choice_color">
          </div>
          <div class="button">
            <button class="button-solid" type="button" :click="bindswitch_color('styleid',@shop_info.styleid)">保存</button>
          </div>
        </div>
      </div>
      <div class="u-item" :for="el in @shop_temps">
        <div class="item-left">
          <div class="logo">
            <div class="label" :if="el.id === @shop_info.shoptempid">
              正在使用
            </div>
            <img :attr="{src: @shop_info.logo}" alt="">
          </div>
          <div class="text">
            <strong>{{el.title}}</strong>
            <p><span class="kaitong">开通</span><span :text="@formatTime(el.opentime,'cn',false)"></span></p>
            <p><span class="yunfufei">云付费</span><span>{{el.price / 100}}元/年</span></p>
          </div>
        </div>
        <div class="">
          <button class="button-hollow" type="button" name="button" :if="el.id !== @shop_info.shoptempid" :click="bindswitch_color('shoptempid',el.id)">立即使用</button>
        </div>
      </div>
    </div>
  </div>

  <div class="m-item">
    <div class="m-title">
      <h1>功能入口</h1>
    </div>
    <div class="m-entrance">
      <table>
        <tr :for="(index,el) in @effect">
          <td>
            <div class="ming">
              {{el.title}}
            </div>
          </td>
          <td class="jieshao">面向中小企业或组织提供的室外办公协同服务。您可以在平台创建组织，将员工或组织成员加入进来，通过风暴APP/网站更好的通知管理。</td>
          <td>
            <div class="check">
              <label :attr="{for:'checked-'+index}" :class="['u-icon', (@el.checked?'u-icon-checkbox-checked':'u-icon-checkbox')]"></label>
              <input :attr="{id:'checked-'+index}" type="checkbox" ms-duplex-checked="@el.checked" data-duplex-changed="">
            </div>
          </td>
        </tr>
      </table>
    </div>
  </div>

  <div class="m-item">
    <div class="m-title">
      <h1>店铺入口</h1>
    </div>
    <div class="m-shop-entrance">
      <table>
        <tr>
          <td><i class="s-icon s-icon-on s-icon-step1"></i></td>
          <td class="ming">微信公众号</td>
          <td class="jieshao">授权开启微信公众号入口</td>
          <td>
            <div class="switch">
              <input class="mui-switch mui-switch-animbg" type="checkbox">
            </div>
          </td>
        </tr>
        <tr>
          <td><i class="s-icon s-icon-on s-icon-step2"></i></td>
          <td class="ming">微信小程序</td>
          <td class="jieshao">授权开启微信公众号入口</td>
          <td>
            <div class="switch">
              <input class="mui-switch mui-switch-animbg" type="checkbox">
            </div>
          </td>
        </tr>
        <tr>
          <td><i class="s-icon s-icon-on s-icon-step3"></i></td>
          <td class="ming">支付宝生活号</td>
          <td class="jieshao">授权开启微信公众号入口</td>
          <td>
            <div class="switch">
              <input class="mui-switch mui-switch-animbg" type="checkbox">
            </div>
          </td>
        </tr>
        <tr>
          <td><i class="s-icon s-icon-on s-icon-step4"></i></td>
          <td class="ming">支付宝小程序</td>
          <td class="jieshao">授权开启微信公众号入口</td>
          <td>
            <div class="switch">
              <input class="mui-switch mui-switch-animbg" type="checkbox">
            </div>
          </td>
        </tr>
      </table>
    </div>
  </div>
</div>
